<template>
    <el-popover
        :placement=" props.popover.placement ? props.popover.placement : 'top' "
        :width="props.popover.width ? props.popover.width : '160' "
        :trigger="props.popover.trigger ? props.popover.trigger : 'click' "
        :title="props.popover.title ? props.popover.title : '' "
        :disabled="props.popover.disabled ? props.popover.disabled : false "
        :open-delay="props.popover.trigger == 'hover' && props.popover.openDelay ? props.popover.opendDelay : 0 "
        :close-delay="props.popover.trigger == 'hover' && props.popover.closDelay ? props.popover.closeDelay : 0 "
        :tabindex="props.popover.tabindex ? props.popover.tabindex : 0"
        v-model="props.visiable">
        <slot></slot>
       
        <el-button icon="popver.icon" slot="reference">{{props.popover.name ? props.popover.name : '' }}</el-button>
    </el-popover>
</template>
<script setup>
const props = defineProps({
    popover:{
            default:{},
            type:Object,
            required:false,
        },
        visiable:{
            default:false,
            type:Boolean,
            required:false,
        }
})
</script>
<style scoped>




</style>






















